import { realPx } from './util'
export default {
  resourseUrl: 'http://192.168.0.100:9000/',
  fontSizeList: [
    { fontSize: 12 },
    { fontSize: 14 },
    { fontSize: 16 },
    { fontSize: 18 },
    { fontSize: 20 },
    { fontSize: 22 },
    { fontSize: 24 }
  ],
  fontFamily: [
    { font: 'Default' },
    { font: 'Cabin' },
    { font: 'Days One' },
    { font: 'Montserrat' },
    { font: 'Tangerine' }
  ],
  themeList: function(vue) {
    return [
      {
        alias: vue.$t('book.themeDefault'),
        name: 'Default',
        style: {
          body: {
            'color': '#4c5059',
            'background': '#cecece',
            'padding-top': `${realPx(48)}px!important`,
            'padding-bottom': `${realPx(48)}px!important`
          }
        }
      },
      {
        alias: vue.$t('book.themeGold'),
        name: 'Gold',
        style: {
          body: {
            'color': '#5c5b56',
            'background': '#c6c2b6',
            'padding-top': `${realPx(48)}px!important`,
            'padding-bottom': `${realPx(48)}px!important`
          }
        }
      },
      {
        alias: vue.$t('book.themeEye'),
        name: 'Eye',
        style: {
          body: {
            'color': '#404c42',
            'background': '#a9c1a9',
            'padding-top': `${realPx(48)}px!important`,
            'padding-bottom': `${realPx(48)}px!important`
          }
        }
      },
      {
        alias: vue.$t('book.themeNight'),
        name: 'Night',
        style: {
          body: {
            'color': '#cecece',
            'background': '#000000',
            'padding-top': `${realPx(48)}px!important`,
            'padding-bottom': `${realPx(48)}px!important`
          }
        }
      }
    ]
  }
}
